<!doctype html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <title>门户内容管理系统</title>
    <!--stylesheet-->
    <link href="css/slick.css"  rel="stylesheet">
    <link href="css/style.css"  rel="stylesheet">
    <link rel="shortcut icon" href="images/common/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.css">
    <link rel="stylesheet" href="node_modules/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="node_modules/nprogress/nprogress.css">
    <!--    <link rel="stylesheet" href="css/index.css">-->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link rel="stylesheet" href="css/index.css">
    <style>
        .aboutus{
            width: 1400px;
            display: block;
            margin: 0 auto;
        }
        .news-box ul li{
            padding: 20px;
            margin-bottom: 30px;
        }
        .news-box ul li a{
            color: #c01734;
            font-size: 20px;
        }
        #tbox{
            width: 50px;
            height: 50px;
            background-color: red;
            overflow: hidden;

            /*固定定位*/
            position: fixed;
            right: 0;
            bottom: 0;
            z-index: 999;
        }
        #tbox>a {
            display: block;
            height: 50px;
            width: 50px;
            font-size: 0;
            /*background-color: #fff;*/
            background: url("../Images/common/btn_pagetop.png");
        }
    </style>
</head>

<body id="top">
<header>
    <section>
        <h1><a href="/"><img src="images/common/logo.png" alt=""/></a></h1>
        <div class="h-nav">
            <p class="btn-toggle">menu</p>
            <nav class="g-nav">
                <ul>
                    <li>
                        <div><a href="#">首页</a><span>open/close</span></div>
                    </li>
                    <li>
                        <div><a href="#">新闻公告</a><span>open/close</span></div>
                        <ul>
                            <li><a href="./news_list.html" >新闻速览</a></li>
                            <li><a href="./news_list.html" >信息公告</a></li>
                            <li><a href="./news_list.html" >割接通知</a></li>
                        </ul>
                    </li>

                    <li>
                        <div><a href="/philosophy_index.html">员工风采</a><span>open/close</span></div>
                    </li>

                </ul>
            </nav>
            <nav class="language">
                <ul>
                    <li><a href="/back" target="_blank" class="active">管理员入口</a></li>
                    <!--<li><a href="english/index.html">English</a></li>-->
                </ul>
            </nav>
        </div>
    </section>
</header>

<!--风采展示陈闪闪修改-->
<main>
    <section class="m-header">
        <h1>人员风采</h1>
    </section>
    <!--团队精神-开始-->
    <div  class="aboutus" style="margin-top: 40px;margin-bottom: 40px;">
        <section id="yq_about" class="mt-5 mb-5" style="background-color: white">
            <div class="content" style="width: 1200px;margin: 0 auto">
                <!--头部-->
                <div class="text-center mb-4">
                    <h1><strong><br/>疯 码 团 队</strong></h1>
                    <img src="./images/common/star.png" alt="">
                </div>
                <!--内容-->
                <div class="row">
                    <div class="order-2 order-lg-1 col-lg-8 text-muted">
                        <p style="font-family:等线;font-size:18px;width: 800px;"><br/>中国联通拥有一支专业的技术团队和服务团队，主要经营固定通信业务，移动通信业务，国内、国际通信设施服务业务，数据通信业务，网络接入业务，各类电信增值业务，与通信信息业务相关的系统集成业务等。</p>
                        <p style="font-family:等线;font-size:18px;width: 800px;">中国联通拥有覆盖全国、通达世界的现代通信网络，积极推进固定网络和移动网络的宽带化，积极推进“网络强国”战略在企业层面的落地实施，为广大用户提供全方位、高品质信息通信服务。中国联通是拥有TD-LTE和LTE FDD两种4G牌照的“双4G”运营商，已进入4G发展新阶段。2019年4月23日，中国联通正式发布了5G品牌标识“5Gn”以及主题口号“让未来生长”。</p>
                    </div>
                    <div class="order-1 order-lg-2 col-lg-4 mb-3 pl-3 text-right">
                        <img src="../images/common/team05.png" width="350px">
                    </div>
                </div>
            </div>
        </section>
    </div>

    <!--团队精神-结束-->
<!--团队介绍-->
    <div  class="aboutus">
        <section class="mt-5 mb-5" style="background-color: white">
            <div class="content" style="width: 1200px;margin: 0 auto">
                <!--头部-->
                <div class="text-center">
                    <h1><strong><br/>人 员 风 采 展 示</strong></h1>
                    <img src="./images/common/star.png" alt="">
                </div>
                <!--内容-->
                <div class="contents" style="margin-bottom: 40px;">
                    <div class="m-inner" style="border-bottom: 1px solid #e8e8e8;margin-top: 40px;padding-bottom: 40px">
                        <h2><span>七人行</span></h2>
                        <ul class="list-unstyled">
                            <li class="media">
                                <img class="mr-3" src="images/upload_efaccde90121d9586bccc865d4dcbb85.jpg"  width="150" height="150">
                                <div class="media-body">
                                    <p class="mt-1 mb-1 ml-4" style="font-family: 微软雅黑">
                                        <b>性别：</b>男   &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                                        <b>邮箱：</b>unicom.11010.com     &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                                        <b>部门：</b>后端开发第四小组      </p>
                                    <p class="mt-1 mb-1 ml-4" style="font-family: 微软雅黑"><b>个人简介：</b>      </p>
                                    <p class="mt-1 mb-1 ml-4" style="font-family: 微软雅黑">后端开发第四小组 </p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>

    </div>
    <div id="tbox"><a href="#top"></a></div>

</main>


<footer>
    <section>
        <div class="f-inner">
            <nav class="f-nav">
                <ul>
                    <li><h2><img src="images/common/logo.png"/></h2></li>
                    <li><a href="#">理念与愿景</a></li>
                    <li><a href="#">企业信息</a></li>
                    <li><a href="#">研究成果</a></li>
                    <li><a href="#">加入我们</a></li>
                </ul>
            </nav>
<!--            <p class="page-top" align="right"><a href="#top">page top</a></p>-->
        </div>
    </section>
    <section>
        <div class="f-inner">
            <div class="f-box">
                <h3>招贤纳士</h3>
                <ul>
                    <li><a href="#">诚聘英才</a></li>
                    <li><a href="#">人才自荐</a></li>
                    <li><a href="#">应聘申请表</a></li>
                </ul>
            </div>
            <div class="f-box">
                <h3>联系我们</h3>
                <dl>
                    <dt>地址：</dt>
                    <dd>河北省石家庄市<br>
                        长江大道89号<br>
                        <!--                        <a href="javascript:if(confirm('http://j.map.baidu.com/s/nZNXLV  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ������ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://j.map.baidu.com/s/nZNXLV'" tppabs="http://j.map.baidu.com/s/nZNXLV" class="link-map" target="_blank" rel="noopener noreferrer">MAP</a></dd>-->
                    <dt>电话：</dt>
                    <dd>10010</dd>
                    <dt>邮编：</dt>
                    <dd>10010</dd>
                </dl>
            </div>
            <div class="f-box">
                <h3>关注我们</h3>
                <p><img src="images/common/qr.png" tppabs="http://www.docomolabs.com.cn/images/common/qr.png" alt="" width="90" height="91"/></p>
            </div>
        </div>
    </section>
    <p class="copy">
        <small>联通家园后台管理系统&nbsp;&nbsp;|&nbsp;&nbsp;“引擎计划”前端开发第六组&nbsp;&nbsp;|&nbsp;&nbsp;2019-11<br/>
            Copyright ©1999-2019 ChinaUnicom All Rights Reserved.中国联合网络通信集团有限公司</small></p>

</footer>
<!--javascript-->
<!--<script src="../code.jquery.com/jquery-3.2.1.min.js" tppabs="https://code.jquery.com/jquery-3.2.1.min.js"></script>-->
<script src="Scripts/slick.min.js" tppabs="http://www.docomolabs.com.cn/js/slick.min.js"></script>
<script src="Scripts/common.js" tppabs="http://www.docomolabs.com.cn/js/common.js"></script>
<script src="Scripts/jquery.js"></script>
<script src="Scripts/jquery-1.7.2.min.js"></script>
<script src="Scripts/bootstrap.js"></script>

<!--<script src="node_modules/bootstrap/dist/css/bootstrap.css.map"></script>-->

<script src="node_modules/nprogress/nprogress.js"></script>
<script src="node_modules/echarts/dist/echarts.js"></script>
<script>
    $(function () {

        //1. 获取风采人员列表数据
        $.ajax({
            url: 'http://localhost:3000/philosophy_list',
            success: function (result) {
                if(result.status === 1){
                    let tpl = '';
                    $(result.data).each((index, value)=>{
                        tpl += `
                            <div class="m-inner" style="border-bottom: 1px solid #e8e8e8;margin-top: 40px;padding-bottom: 40px">
                                    <h2><span>${value.realname}</span></h2>
                                    <ul class="list-unstyled">
                                        <li class="media">
                                            <img class="mr-3" src="upload/image/${value.avatar}" alt="Generic placeholder image" width="150" height="150">
                                            <div class="media-body">
                                                <p class="mt-1 mb-1 ml-4" style="font-family: 微软雅黑">
                                                <b>性别：</b>${value.sex}   &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                                                <b>邮箱：</b>${value.email}     &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                                                <b>部门：</b>${value.deployment}      </p>
                                                 <p class="mt-1 mb-1 ml-4" style="font-family: 微软雅黑"><b>个人简介：</b>      </p>
                                                <p class="mt-1 mb-1 ml-4" style="font-family: 微软雅黑">${value.profile}</p>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                        `;
                    });
                    $('.contents').html(tpl);
                }
            }
        });
    })
</script>
</body>
</html>
